<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
          
		  .container{
			  width: 600px;
			  height: 500px;
			  border:solid 1px #000000;
			  display: flex;   	/* 让容器变成伸缩盒子 */
		  }
		  		  
		  .container .item{
			  width:150px;
			  height: 100px;
			  border:  solid  1px grey;
			  
		  }
			
        </style>
    </head>
    <body>

		<div class="container" >
			
			<div class="item">
				111111111
			</div>
			<div class="item">
				2
			</div>
			
			<div class="item">
				3
			</div>
			
			<div class="item">
				4
			</div>
		</div>
				

    </body>
</html>